﻿<!DOCTYPE html>
<html>
  <head>
    <title>小能客服点击后（新的交互逻辑）</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/小能客服点击后（新的交互逻辑）/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/小能客服点击后（新的交互逻辑）/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Rectangle) -->
      <div id="u8024" class="ax_default heading_3">
        <div id="u8024_div" class=""></div>
        <div id="u8024_text" class="text ">
          <p><span>小能客服点击后，新的交互逻辑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8025" class="ax_default box_1">
        <div id="u8025_div" class=""></div>
        <div id="u8025_text" class="text ">
          <p><span>应用于所有点击“小能客服”图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8026" class="ax_default heading_3">
        <div id="u8026_div" class=""></div>
        <div id="u8026_text" class="text ">
          <p><span>一、如果客户已经登录，点击后，进入小能客服咨询。后台传递该客户的ID和该客户的所有订单编号信息（020，直销，G标，租赁，有奖等活动订单）</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8027" class="ax_default heading_3">
        <div id="u8027_div" class=""></div>
        <div id="u8027_text" class="text ">
          <p><span>二、如果客户还没有登录，点击后，出现弹框。后台传递该客户的ID和该客户的所有订单编号信息（020，直销，G标，租赁，有奖等活动订单）</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8028" class="ax_default box_1">
        <div id="u8028_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8029" class="ax_default heading_1">
        <div id="u8029_div" class=""></div>
        <div id="u8029_text" class="text ">
          <p><span>温馨提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8030" class="ax_default label">
        <div id="u8030_div" class=""></div>
        <div id="u8030_text" class="text ">
          <p><span>为了让客服可以提供更优质服务，请登录后进行咨询。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8031" class="ax_default button">
        <div id="u8031_div" class=""></div>
        <div id="u8031_text" class="text ">
          <p><span>用户登录</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8032" class="ax_default label">
        <div id="u8032_div" class=""></div>
        <div id="u8032_text" class="text ">
          <p><span style="text-decoration:underline;">以游客身份咨询</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u8033" class="ax_default line">
        <img id="u8033_img" class="img " src="images/小能客服点击后（新的交互逻辑）/u8033.png"/>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u8034" class="ax_default line">
        <img id="u8034_img" class="img " src="images/小能客服点击后（新的交互逻辑）/u8033.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8035" class="ax_default sticky_3">
        <div id="u8035_div" class=""></div>
        <div id="u8035_text" class="text ">
          <p><span>沿用现有的登录方式-显示登录弹框。登录成功后，进入小能客服咨询，后台传递该客户的ID和该客户的所有订单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8036" class="ax_default sticky_3">
        <div id="u8036_div" class=""></div>
        <div id="u8036_text" class="text ">
          <p><span>匿名进入小能客服咨询</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u8037" class="ax_default arrow">
        <img id="u8037_img" class="img " src="images/小能客服点击后（新的交互逻辑）/u8037.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8038" class="ax_default image">
        <img id="u8038_img" class="img " src="images/020_____-demo/u780.png"/>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u8039" class="ax_default line">
        <img id="u8039_img" class="img " src="images/小能客服点击后（新的交互逻辑）/u8033.png"/>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u8040" class="ax_default sticky_3">
        <div id="u8040_div" class=""></div>
        <div id="u8040_text" class="text ">
          <p><span>点击后，弹框隐藏，不进入小能客服。</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8041" class="ax_default image">
        <img id="u8041_img" class="img " src="images/小能客服点击后（新的交互逻辑）/u8041.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u8042" class="ax_default image">
        <img id="u8042_img" class="img " src="images/小能客服点击后（新的交互逻辑）/u8041.png"/>
      </div>
    </div>
  </body>
</html>
